<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
    </link>
</head>

<body>
    <div class="frame">
        <div class="quote">
            <p>I have no path, so I don't need eyes; when I can see, I also stumble. We often lose due to
                overconfidence, while our
                <span class="tooltip">flaws
                    <span class="info">
                        <span class="pronounce">英/flɔːz/ 美/flɔːz/</span>
                        <span class="text">n.[材]缺陷；[力]裂缝（flaw 的复数）
                            <br>v.有裂纹；使有裂缝（flaw 的单三形式）</span>
                    </span>
                </span>
                can be beneficial.
            </p>
            <p class="author">William Shakespeare</p>
        </div>
    </div>
</body>

</html>